
import { Tree } from 'antd';
import type { DataNode } from 'antd/es/tree';
import React from 'react';

const dig = (path = '0', level = 3) => {
  const list = [];
  for (let i = 0; i < 10; i += 1) {
    const key = `${path}-${i}`;
    const treeNode: DataNode = {
      title: key,
      key,
    };

    if (level > 0) {
      treeNode.children = dig(key, level - 1);
    }

    list.push(treeNode);
  }
  return list;
};

const treeData = dig();
function getWid_Hei(){
  let width,height;
  if(window.innerWidth){
      width = window.innerWidth;
      height = window.innerHeight;
  }else if(document.compatMode === "BackCompat"){
      width = document.body.clientWidth;
      height = document.body.clientHeight;
  }else{
      width = document.documentElement.clientWidth;
      height = document.documentElement.clientHeight;
  }
  return {
      width:width,
      height:height
  }
}

const App: React.FC = () => {
  const { height } = getWid_Hei(); 
  return (
    <>
      <Tree treeData={treeData} height={ height - 300 } defaultExpandAll />;
    </>
  )
}

export default App;